﻿@{
    ViewBag.Title = "Checkin de participantes";
}

<br />
@Html.Partial("_PersonFilterPartial")
<div id="ParticipanteTable"></div>
<hr />
<div id="ui-dialog-confirmacion">
    <p class="centered">¿Desea confirmar el checkin del participante con c&oacute;digo <b><span id="spCodigoConf"></span></b>?</p>
    <input type="hidden" id="hdParticipanteConf" />
</div>
@Html.Partial("_PersonDetailPartial")

@section Scripts {
    <script type="text/javascript" src="~/Scripts/jfunciones-participante.js"></script>
    <script type="text/javascript" src="~/Scripts/jfunciones-pago.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#ParticipanteTable').jtable({
                title: '@ViewBag.Title',
                paging: true,
                pageSize: 25,
                sorting: true,
                multiSorting: true,
                defaultSorting: 'nombres ASC',
                actions: {
                    listAction: '@Url.Action("ParticipanteXEventoList", "Participante")'
                },
                toolbar: {
                    items: [{
                        tooltip: 'Exportar a Excel',
                        icon: GetAppURL() + '/Content/images/excel.png',
                        text: 'Exportar a Excel',
                        click: function () {
                            PersonExportExcel('@Url.Action("PersonExportExcel", "Participante")?');
                        }
                    }]
                },
                fields: {
                    idParticipanteXEvento: {
                        key: true,
                        list: false
                    },
                    detalle: {
                        title: '',
                        width: '2%',
                        sorting: false,
                        display: function (data) {
                            var $img = $('<img src="' + GetAppURL() + '/Content/images/ver.png" title="Ver detalle" />');
                            $img.click(function () {
                                CargarDetalleParticipante({
                                    divDialog: '#ui-dialog-detalle',
                                    divTabs: '#tabs-detalle',
                                    divPersonal: '#tabs-person',
                                    divDocumentos: '#tabs-docs',
                                    divEvento: '#tabs-evento',
                                    divEC: '#tabs-ec',
                                    divDetalleEC: '#ui-dialog-detalle-ec',
                                    idParticipante: data.record.idParticipante,
                                    edad: data.record.edad,
                                    mayor_edad: parseInt('@SWGeneracionE.Constantes.MAYORIA_EDAD')
                                });
                            });
                            return $img;
                        }
                    },
                    bCheckin: {
                        title: '',
                        width: '2%',
                        display: function (data) {
                            var $img = $('<img src="' + GetAppURL() + '/Content/images/check.png" title="Checkin" />');
                            $img.click(function () {
                                $('#hdParticipanteConf').val(data.record.idParticipanteXEvento);
                                $('#spCodigoConf').text(data.record.codigo);
                                $('#ui-dialog-confirmacion').dialog('open');
                            });
                            if (data.record.estado != '@SWGeneracionE.Constantes.ESTADOPARTICIPANTE_INSCRITO') $img.hide();
                            if (data.record.checkin != '@SWGeneracionE.Constantes.RESPUESTA_NEGATIVA') $img.hide();
                            return $img;
                        }
                    },
                    nombres: {
                        title: 'Nombres',
                        width: '13%'
                    },
                    apellidos: {
                        title: 'Apellidos',
                        width: '13%'
                    },
                    sexo: {
                        title: 'Género',
                        width: '4%',
                        options: '@Url.Action("GetSexoOptions", "Participante")'
                    },
                    edad: {
                        title: 'Edad',
                        width: '4%'
                    },
                    idPais: {
                        title: 'Pais',
                        width: '8%',
                        options: '@Url.Action("GetPaisOptions", "Catalogo")'
                    },
                    idIglesia: {
                        title: 'Iglesia',
                        width: '10%',
                        dependsOn: 'idPais',
                        options: function (data) {
                            var sUrl;
                            sUrl = '@Url.Action("GetIglesiaOptions", "Catalogo", new { idPais = "rep__Pais" })';
                            sUrl = sUrl.replace("rep__Pais", data.dependedValues.idPais);
                            return sUrl;
                        }
                    },
                    estado: {
                        title: 'Estado',
                        width: '5%',
                        listClass: 'bold',
                        options: '@Url.Action("GetEstadoParticipanteOptions", "Participante")'
                    },
                    codigo: {
                        title: 'Codigo',
                        width: '5%'
                    },
                    checkin: {
                        title: 'Checkin',
                        width: '5%',
                        listClass: 'bold'
                    },
                    habitacionge: {
                        title: 'Hab. GE',
                        width: '4%'
                    },
					habitacionhotel: {
                        title: 'Hab. Hotel',
                        width: '4%'
                    }
                }
            });

            $('#ui-dialog-confirmacion').dialog({
                title: "Confirmación", autoOpen: false, modal: true, draggable: true,
                height: "auto", resizable: true, width: 300,
                buttons: {
                    "Cancelar": function () {
                        $(this).dialog("close");
                    },
                    "Aceptar": function () {
                        $(this).dialog("close");
                        RealizarCheckin($('#hdParticipanteConf').val());
                    }
                }
            });
            
            LoadFilters('#ParticipanteTable', true, '@SWGeneracionE.Constantes.TIPOTRANSPORTE_BUS', false);
            LoadDetalleParticipante({
                divDialog: '#ui-dialog-detalle',
                divTabs: '#tabs-detalle',
                divPersonal: '#tabs-person',
                divDocumentos: '#tabs-docs',
                divEvento: '#tabs-evento',
                divEC: '#tabs-ec',
                divDetalleEC: '#ui-dialog-detalle-ec'
            });
        });
    </script>
}